<template>
    <view class="_bottom" :class="{ backcolor: isbg }">
        <view class="_bottom-box">
            <slot></slot>
        </view>
    </view>
</template>

<script setup>
defineProps({
    isbg: {
        type: Boolean,
        default: true
    }
})
</script>

<style lang="scss" scoped>
._bottom {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    position: fixed;
    z-index: 99;
    left: 0;
    bottom: 0;
    right: 0;
    transform: translateZ(0);
    &.backcolor {
        background-color: #fff;
        box-shadow: rgba(0, 0, 0, 0.1) 0 0 32rpx 4rpx;
    }
    &-box {
        height: 120rpx;
        display: flex;
        flex-direction: column;
    }
}
</style>